<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="fragments :: head(~{::(title)})">
    <title>我的配送</title>
</head>
<body>
<!--顶部-->
<header data-am-widget="header" class="am-header am-header-default header">
    <div class="am-header-left am-header-nav">
        <a th:href="@{/customer/index}" class="">
            <i class="am-header-icon am-icon-angle-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="#title-link" class="" style="color: #333;">全部订单</a>
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="#right-link" class=""></a>
    </div>
</header>
<!--菜单栏-->
<ul class="order-style">
    <li class="current">
        <a href="allorder.html">全部</a>
    </li>
    <li><a href="">待配送</a></li>
    <li><a href="">配送中</a></li>
    <li><a href="">已送达</a></li>
    <li><a href="">已取消</a></li>
</ul>
<!--订单-->
<div th:each="item : ${orderList}">
    <div class="c-comment">
        <span>订单编号：</span>
        <span th:text="${item.id}" class="c-comment-num">150916517682</span>
        <!--订单状态-->
        <span th:if="${item.status == 3}" class="c-comment-suc">新指派</span>
        <span th:if="${item.status == 4}" class="c-comment-suc">配送中</span>
        <span th:if="${item.status == 5}" class="c-comment-suc">已送达</span>
        <span th:if="${item.status == 6}" class="c-comment-suc">已收货</span>
        <span th:if="${item.status == 7}" class="c-comment-suc">已评价</span>
    </div>
    <div class="c-comment-list" style="border: 0;">
        <a class="o-con" th:href="@{order/detail}">
            <div class="o-con-img">
                <img th:src="@{/images/detail.png}">
            </div>
            <div class="o-con-txt">
                <!--服务类型-->
                <p>
                    <span style="color: #000000">服务类型:</span>
                    <span th:if="${item.serviceType == 1}">帮我买</span>
                    <span th:if="${item.serviceType == 2}">帮我取</span>
                    <span th:if="${item.serviceType == 3}">帮我送</span>
                </p>
                <!--物品-->
                <p>
                    <span style="color: #000000">物品:</span>
                    <span th:text="${item.goods}" class="price">物品名称</span>
                </p>
                <p>
                    <span style="color: #000000">详细信息:</span>
                    <span th:text="${item.detail}">详细信息</span>
                </p>
            </div>
        </a>
        <div class="c-com-money">跑腿费用：
            <span>￥ 2.00</span>
        </div>
    </div>
    <div class="c-com-btn">
        <a th:if="${item.status == 3}" th:href="@{/order/claim(orderId=${item.id})}">接单</a>
        <a th:if="${item.status == 4}" th:href="@{/order/confirmByDistributor(orderId=${item.id})}">确认送达</a>
        <a th:if="${item.status < 5}" href="">取消订单</a>
    </div>
    <div class="clear"></div>
</div>
</body>
</html>
